<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>确认订单</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/confirm_order.css"/>
		<script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
		<script type="text/javascript" src="js/swiper.min.js" ></script>
		<script type="text/javascript" src="js/bootstrap.min.js" ></script>
		<script type="text/javascript" src="js/common.js" ></script>
		<script type="text/javascript" src="js/confirm_order.js" ></script>
	</head>
	<body>
		<div class="header">
			<div class="header_top hidden-xs">
				<ul class="w12">
					<li>
						<a href="loggin.html">请登录</a><span>丨</span><a href="register.html">注册</a>
					</li>
					<li class="active">
						<a href="user.html"></a>
						<a href="user.html">
							<span>会员中心</span>
						</a>
					</li>
					<li>
						<a href="shop_cart.html"></a>
						<a href="shop_cart.html">
							<span>我的购物车</span>
						</a>
					</li>
				</ul>
			</div>
			<nav class="navbar w12">
			    <div class="navbar-header">
			     	<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
				        <img src="img/common/menu.png"/>
			      	</button>
			    </div>
			    <form class="navbar-form navbar-left hidden-xs">
			        <div class="form-group">
			          	<input type="text" class="form-control">
			        </div>
			        <button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
			    </form>
			    <div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
			      	<ul class="nav navbar-nav navbar-left">
				        <li><a href="index.html">首页</a></li>
				        <li class="dropdown">
				        	<a href="about_us.html" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">品牌中心</a>
				        	<ul class="dropdown-menu hidden-xs">
				        		<li><a href="about_us.html">品牌介绍</a></li>
				        		<li><a href="about_us.html">发展历程</a></li>
				        		<li><a href="about_us.html">品牌荣誉</a></li>
				        		<li><a href="about_us.html">品牌文化</a></li>
				        	</ul>
				        </li>
				        <li class="dropdown">
				        	<a href="news.html" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">新闻中心</a>
				        	<ul class="dropdown-menu hidden-xs">
				        		<li><a href="news.html">公司新闻</a></li>
				        		<li><a href="news.html">行内新闻</a></li>
				        		<li><a href="news.html">国外新闻</a></li>
				        		<li><a href="news.html">公司活动</a></li>
				        	</ul>
				        </li>
				        <li class="dropdown">
				        	<a href="product.html" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">产品中心</a>
				        	<ul class="dropdown-menu hidden-xs">
				        		<li><a href="product.html">室内门</a></li>
				        		<li><a href="product.html">进户门</a></li>
				        		<li><a href="product.html">推拉门</a></li>
				        		<li><a href="product.html">办公用门</a></li>
				        	</ul>
				        </li>
				        <li><a href="contact.html">联系我们</a></li>
				        <li><a href="user.html">会员中心</a></li>
				        <li><a href="shop_cart.html">购物车</a></li>   
			      	</ul>
			    </div>
				<a href="index.html"><img src="img/common/logo.png"/></a>
				<h2 class="visible-xs">确认订单</h2>
			</nav>
		</div>
		<div class="banner">
			<div class="swiper-container">
        		<div class="swiper-wrapper">
		            <div class="swiper-slide"><a href="#"><img src="img/common/lg_banner1.png"/></a></div>
		            <div class="swiper-slide"><a href="#"><img  src="img/common/lg_banner2.png"/></a></div>
		            <div class="swiper-slide"><a href="#"><img src="img/common/lg_banner3.png"/></a></div>
        		</div>
		        <div class="swiper-pagination"></div>
		    </div>
		</div>
		<div class="middle w12">
			<div class="container">
				<h2 class="align-center hidden-xs">确认订单</h2>
				<div class="address">
					<dl>
						<dt>收货地址</dt>
						<dd><img src="img/confirm_order/mine.png"/>凌雪</dd>
						<dd><img src="img/confirm_order/phone.png"/>185****7676</dd>
						<dd><img src="img/confirm_order/location.png"/><span>北京 北京市 朝阳区 五环到六环 东坝乡</span></dd>
					</dl>
					<div>
						<a href="#"><img src="img/confirm_order/more.png"/></a>
					</div>
				</div>
				<div class="order">
					<ul>
						<li>
							<div class="hidden-xs">
								<span>商品名称</span>
								<span>单价</span>
								<span>数量</span>
								<span>小计</span>
							</div>
							<div class="visible-xs">商品信息</div>
							<span>订单状态</span>
						</li>
						<li>
							<div>
								<a href="pro_details.html"><img src="img/confirm_order/product.png"/></a><a href="pro_details.html"> 豪森木门室内实木复合门</a>
								<span class="price hidden-xs">&yen;<b>999</b></span>
								<span class="num">
									<b class="visible-xs">数量：</b>1
								</span>
								<span class="rowPrice">&yen;<b>999</b></span>
							</div>
							<span>已完成</span>
						</li>
					</ul>
				</div>		
				<form class="pay">
					<div>
						<span>配送方式</span>
						<ul>
							<li class="active">快递(免邮)</li>
							<li>站点自取</li>
						</ul>
					</div>
					<div>
						<span>配送时间</span>
						<ul>
							<li class="active">假日工作日均可</li>
							<li>工作日(周一至周五)</li>
							<li>节假日(周六至周日)</li>
						</ul>
					</div>
					<div>
						<span>发&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;票</span>
						<ul>
							<li class="active">电子发票</li>
							<li>纸质发票</li>
						</ul>
					</div>
					<div>
						<span>备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注</span>
						<textarea name="" rows="" cols=""></textarea>
					</div>
					<div>
						<p>
							<a href="#"><img src="img/confirm_order/more.png"/></a>
							<a href="#">无可用优惠券</a>
						</p>
						<ul>
							<li>运费：<span>&yen;0</span></li>
							<li>总价：<span>&yen;999</span></li>
							<li><button type="submit">提交并付款</button></li>
						</ul>
						
						
					</div>
				</form>
			</div>
		</div>
		<div class="footer text-center">
			<div class="w12">
				<ul class="clearfix hidden-xs">
					<li><a href="#">首页</a><span>丨</span></li><!--
					--><li><a href="about_us.html">品牌介绍</a><span>丨</span></li><!--
					--><li><a href="news.html">新闻中心</a><span>丨</span></li><!--
					--><li><a href="product.html">产品中心</a><span>丨</span></li><!--
					--><li><a href="contact.html">联系我们</a><span>丨</span></li><!--
					--><li><a href="user.html">会员中心</a><span>丨</span></li><!--
					--><li><a href="shop_cart.html">购物车</a></li>
				</ul>
				<p>
					<span>全国热线：010-123456789</span>
					<span>|</span>
					<span>传真：010-123456789</span>
				</p>
				<p>
					地址：北京市海淀区北京市海淀区北京市海淀区北京市海淀区北京市海淀区北京市海淀区
				</p>
				<p>
					©1995-2004 Eric A. and Kathryn S. Meyer. All Rights Reserved.
				</p>
			</div>
		</div>
	</body>
</html>


